
<div id='drag_before'
     style="width:100px;
     height:100px;
     position:absolute;
     top:500px;
     left:500px;
     border:1px solid red;">
    <div id="dragHeader_before" class='dh' style="width:100px;height:10px;">
        header 1
    </div>
    content
</div>

<div id='drag'
     style="width:100px;
     height:100px;
     position:absolute;
     top:550px;
     left:550px;
     border:1px solid red;">
    <div id="dragHeader" class='dh' style="width:100px;height:10px;">
        header 2
    </div>
    content
</div>


<div id='drag_after'
     style="width:100px;
     height:100px;
     position:absolute;
     top:500px;
     left:500px;
     border:1px solid red;">
    <div id="dragHeader_after" class='dh' style="width:100px;height:10px;">
        header 3
    </div>
    content
</div>